<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>DEMOBAR</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
  <!--网页标题左侧显示-->
  <link rel="icon" href="favicon.png" type="image/png">
  <!--收藏夹显示图标-->
  <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
<link href="index/main.css" rel="stylesheet"></head>

<body>
  <div class="app">
    <div class="left">
      <header>
        <h1 class="title">DEMOBAR</h1>
      </header>
      <div class="search">
        <div class="input-group">
          <input type="text" id="search-input" class="form-control" placeholder="搜索" aria-describedby="basic-addon1">
          <span class="input-group-addon" id="basic-addon1">
            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
          </span>
        </div>
        <div id="search-content"></div>
      </div>
      <nav id="menu">
        <div class="list-group">
          
            <div class="list-group-wrap">
              <div class="list-header list-block donghua">
                <span>动画</span>
                <span class="iwowenf iwo-weibiaoti35" aria-hidden="true"></span>
              </div>
              <div class="list-content">
                
                <a href="donghua/guzhangfenganniu" data-path="/donghua/guzhangfenganniu" class="list-item list-block donghua_guzhangfenganniu">故障风按钮</a>
                
              </div>
            </div>
          
            <div class="list-group-wrap">
              <div class="list-header list-block yemianxiaoguo">
                <span>页面效果</span>
                <span class="iwowenf iwo-weibiaoti35" aria-hidden="true"></span>
              </div>
              <div class="list-content">
                
                <a href="yemianxiaoguo/iPhone_SE_fabuhuilunbotu" data-path="/yemianxiaoguo/iPhone_SE_fabuhuilunbotu" class="list-item list-block yemianxiaoguo_iPhone_SE_fabuhuilunbotu">iPhone SE 发布会轮播图</a>
                
                <a href="yemianxiaoguo/pubuliulanjiazai" data-path="/yemianxiaoguo/pubuliulanjiazai" class="list-item list-block yemianxiaoguo_pubuliulanjiazai">瀑布流懒加载</a>
                
              </div>
            </div>
          
        </div>
      </nav>
    </div>
    <main class="right">
      <iframe id="iframe-box" src="" frameborder="0"></iframe>
    </main>
  </div>
  <script>
    var pagesConfig = JSON.parse('{"动画":{"pages":[{"title":"故障风按钮","src":"./故障风按钮","path":"/donghua/guzhangfenganniu","type":"动画","name":"donghua/guzhangfenganniu","cssName":"donghua_guzhangfenganniu"}],"name":"donghua"},"页面效果":{"pages":[{"title":"iPhone SE 发布会轮播图","src":"./iPhone SE 发布会轮播图","path":"/yemianxiaoguo/iPhone_SE_fabuhuilunbotu","type":"页面效果","name":"yemianxiaoguo/iPhone_SE_fabuhuilunbotu","cssName":"yemianxiaoguo_iPhone_SE_fabuhuilunbotu"},{"title":"瀑布流懒加载","src":"./瀑布流懒加载","path":"/yemianxiaoguo/pubuliulanjiazai","type":"页面效果","name":"yemianxiaoguo/pubuliulanjiazai","cssName":"yemianxiaoguo_pubuliulanjiazai"}],"name":"yemianxiaoguo"}}')
  </script>
  <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
  <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
  <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  <script src="live2DModel/L2DwidgetMore.min.js"></script>
  <!-- 看板喵 -->
  <script src="live2DModel/l2dwidget.min.js"></script>
  <script>
    var tororo = 'live2DModel/tororo/assets/tororo.model.json';
    var hijiki = 'live2DModel/hijiki/assets/hijiki.model.json';
  </script>
<script src="index/index.js"></script></body>

</html>
